*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
body{
	overflow: hidden;
}
@font-face {
    font-family: "hanyi";
    src:url("./font/hanyi.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
p{white-space: nowrap;letter-spacing: 10px;}
.p1{
	font-family: 'hanyi';
	font-size: 50px;
	top: 150px;
	text-align: center;
	position: relative;
	opacity: 0;
	left: -1000px;
}
.p2{
	font-family: 'hanyi';
	font-size: 50px;
	top: 200px;
	left: 1000px;
	text-align: center;
	position: relative;
}
.p3{
	font-family: 'hanyi';
	font-size: 50px;
	top: 250px;
	text-align: center;
	position: relative;
	opacity: 0;
	left: -1000px;
}
.p4{
	font-family: 'hanyi';
	font-size: 50px;
	top: 300px;
	left: 1000px;
	text-align: center;
	position: relative;
}
.con{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 200;
	perspective: 1000px;
	backface-visibility: visible;
	transform-style: preserve-3d;
	
}
.play{
	width: 100%;
	height: 100%;
	/*-webkit-animation: rotate linear 4s infinite 9s;*/
	/*-webkit-animation-iteration-count: 2;*/
}
@-webkit-keyframes rotate{
	from{
		-webkit-transform: rotateY(0deg);
	}
	to{
		-webkit-transform: rotateY(360deg);
	}
}
.fotter{
	font-family: 'hanyi';
	font-size: 30px;
	top: 370px;
	text-align: center;
	position: relative;
	padding-left: 300px;
	opacity: 0;
	color: #222;
}
